<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
import { requestMe, requestJssdk } from './api/api'
export default {
  name: 'app',
  watch: {
    '$route': function () {
      this.routeChange()
    }
  },
  mounted () {
    this.$nextTick(() => {
      this.toGetwxConfig()
    })
  },
  methods: {
    routeChange () {
      const ua = navigator.userAgent
      if (ua.indexOf('Android') > -1 || ua.indexOf('Linux') > -1) {
        this.toGetwxConfig()
      }
      const accessToken = this.$route.query.accessToken
      if (accessToken) {
        window.localStorage.setItem('accessToken', accessToken)
        const user = requestMe()
        return user
      }
    },
    toGetwxConfig: function () {
      let e = this
      requestJssdk({}).then((res) => {
        e = res.data
        window.wx.config({
          debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
          appId: e.appId, // 必填，公众号的唯一标识
          timestamp: e.timestamp, // 必填，生成签名的时间戳
          nonceStr: e.nonceStr, // 必填，生成签名的随机串
          signature: e.signature, // 必填，签名，见附录1
          jsApiList: e.jsApiList // 分享到朋友圈 分享给朋友
        })
      })
    }
  }

}
</script>

<style lang="less">
  div.ToastCss {
    top: 0 !important;
    max-width: 100% !important;
    width: 100%;
    span {
      text-align: left;
      font-size: 0.15rem;
    }
  }
</style>
